<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员登录</title>
    <!-- 引入css reset -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入当前页面样式 -->
    <link rel="stylesheet" href="css/login.css">
</head>

<body>

    <!-- 定义网页头部内容 -->
    <header>
        <nav>
            <div class="navLeft">
                <img src="images/5e5f1e86391b7.png" alt="">
                <div class="catalog" id="catalog">
                    <div class="move">
                        <p class="after active">最新公告</p>
                    <div></div>
                    </div>
                   <div class="move">
                    <p class="after">产品中心</p>
                    <div class="productList">
                        <div class="productContainer">
                            <dl>
                                <dt>计算资源服务</dt>
                                <dd class="hot">
                                    <a href=""><span>ECS弹性计算</span></a>
                                    <a href=""><span>弹性裸金属服务器</span></a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>网络接入服务</dt>
                                <dd class="hot1">
                                    <a href=""><span>专线接入服务</span></a>
                                    <a href=""><span>高速通道服务</span></a>
                                    <a href=""><span>带宽接入服务</span></a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>数据中心服务</dt>
                                <dd>
                                    <a href=""><span>机房场地服务</span></a>
                                    <a href=""><span>运维咨询服务</span></a>
                                </dd>
                            </dl>
                            <dl>
                                <dt>咨询管理服务</dt>
                                <dd>
                                    <a href=""><span>机房搬迁咨询</span></a>
                                    <a href=""><span>BCM管理咨询</span></a>
                                    <a href=""><span>IT生产规划咨询</span></a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                   </div>
                    <div class="move">
                        <p class="after">解决方案</p>
                    <div class="solution">
                        <div>
                            <a href="">混合云解决方案</a>
                            <a href="">IT咨询解决方案</a>
                            <a href="">IT运维解决方案</a>
                            <a href="">机房场地解决方案</a>
                            <a href="">机房搬迁解决方案</a>
                        </div>
                    </div>
                    </div>
                   <div class="move">
                    <p class="after">服务保障</p>
                    <div class="service">
                        <div>
                            <a href="">免费备案</a>
                            <a href="">故障赔偿</a>
                            <a href="">服务支持</a>
                            <a href="">VIP服务</a>
                        </div>
                    </div>
                   </div>
                    <div class="move">
                        <p class="after">帮助中心</p>
                    <div></div>
                    </div>
                    <div class="move">
                        <p class="after">关于我们</p>
                    <div class="aboutUs">
                        <div>
                            <a href="">关于我们</a>
                            <a href="">新闻公告</a>
                            <a href="">联系我们</a>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="navRight">
                <div id="address" class="addr">
                    <div class="address" >中国站
                        <span class="list"></span>
                    </div>
                    <div class="address1">
                        <div>
                            <a href="">中国站</a>
                            <a href="">简体中文</a>
                        </div>
                    </div>
                </div>
                <a class="baBtn">备案</a>
                <a class="dlBtn">登录</a>
            </div>
        </nav>
    </header>
    <!-- 网页登录区域 -->
    <div class="login">
        <div class="auto">
            <div>
                <h2>数十万用户的信赖之选</h2>
                <p>节点遍布国内主要区域</p>
                <p>全动态BGP网络</p>
                <p>至强硬件打造强悍性能体验</p>
                <p>技术服务7×24全天响应</p>
            </div>
            <div>
                <p>用户登录</p>
                <form action="" method="POST">
                    <div><input type="text" name="userName" placeholder="手机号 / 已认证邮箱"></div>
                    <div><input type="password" name="userPwd" placeholder="登录密码"></div>
                    <div>
                        <label for="check"><i id="choice" ></i><input type="checkbox" id="check" value="1">记住登录名</label> <a href="">忘记密码?</a>
                    </div>
                    
                    <input type="submit" value="登 录">
                    <div>还没有账号？立即<a href="">&nbsp;&nbsp;免费注册</a></div>
                </form>
            </div>
        </div>
    </div>
    <!-- 底部区域 -->
    <div class="company">
        <div>COPYRIGHT 2017-2020 云联世纪（北京）数据服务有限公司 ALL RIGHTS RESERVED　云联世纪（北京）数据服务有限公司　</div>
    </div>
</body>
    <script src="js/login.js"></script>
</html>